<script setup lang="ts">
import { onMounted, ref } from 'vue';

import { Page } from '@vben/common-ui';

import { Alert, Image } from 'ant-design-vue';

import { requestClient } from '#/api/request';

const currentImage = ref('');
onMounted(async () => {
  const resp = await requestClient.get<string>('/currentGroupImgBase64');
  console.log(resp);
  currentImage.value = resp;
});
</script>

<template>
  <Page>
    <div class="flex w-[360px] flex-col gap-2">
      <Alert :show-icon="true" message="人数已满，需要手动拉人" type="info" />
      <Alert
        :show-icon="true"
        message="进群讨论/获取开发进度 添加备注: vben5"
        type="info"
      />
      <div>
        <Image
          :preview="false"
          :src="`data:image/png;base64,${currentImage}`"
          :width="240"
          fallback=""
        />
      </div>
    </div>
  </Page>
</template>
